<template>
  <div class="fotter">
    <div class="button">
      <div class="buttonSon">
        <ul>
          <a href="#"><li>关于我们</li></a>
          <li class="verticalBar">|</li>
          <a href="#"><li>用户隐私政策</li></a>
          <li class="verticalBar">|</li>
          <a href="#"><li>用户服务协议</li></a>
          <li class="verticalBar">|</li>
          <a href="#"><li>联系我们</li></a>
        </ul>
      </div>
      <div class="buttonSize">
        <img src="../../../public/images/1.svg" />
        <img src="../../../public/images/2.svg" />
      </div>
      <div class="buttonCop">
        <p class="info" style="">Copyright © 2010-2022 南京爱一格网络科技有限公司 版权所有</p>
        <p class="infoO">
            经营性许可证编号：
            <a data-v-168a7137="" href="https://beian.miit.gov.cn/" target="_blank" rel="noopener" class="info">苏B2-20180515</a>&nbsp;&nbsp;
            <a data-v-168a7137="" href="http://ccm.mct.gov.cn/ccnt/sczr/service/business/emark/toDetail/b324ae6cb184469691bb4a8e75a93b41" target="_blank" rel="noopener" class="info"><img data-v-168a7137="" src="https://rs.dance365.com/jinying.png" style="width: 20px; height: 20px; position: relative; top: 5px;">苏网文〔2021〕4647-106号</a></p>
            <a data-v-168a7137="" href="https://beian.miit.gov.cn/" target="_blank" rel="noopener" class="infoA">苏ICP备20036081号</a>  
      </div>
      <div class="infoN">
        <p data-v-168a7137="" class="info" style="margin-top: 8px;"><a data-v-168a7137="" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32010602010735" class="info"><div data-v-168a7137="" style="display: flex; justify-content: center; align-items: center;"><img  data-v-168a7137="" src="https://rs.dance365.com/pc/gongan.png">苏公网安备 32010602010735号
        </div></a></p>  
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
</script>

<style scoped>
.fotter{
  width: 100%;
  background: rgb(11, 10, 10);
}
.button {
  width: 1200px;
  margin: 0 auto;
  height: 300px;
  box-sizing: border-box;

  position: relative;
}
.buttonSon{
  margin: 0 auto;
}
ul {
padding-left: 150px;
}
li {
  list-style-type: none;
  float: left;
  margin: 20px 40px 10px 40px;
}
a {
  color: #fff;
}
a:hover {
  color: rgb(243, 61, 92);
}
.buttonSize {
  position: absolute;
  left: 480px;
  top: 70px;
}
.buttonCop{


}
img {
  width: 30px;
  height: 40px;
  margin-left: 65px;
}
p{
    position: absolute;
    top:110px;
    left:400px;
    width:1200px;
    color:#fff;
}
.infoO{
    top:150px;
    left:320px;
    width: 1200px;
}
.infoA{
    position: absolute;
    top:200px;
    left:522px;
}
.infoN{
    width: 1200px;
    position: absolute;
    top:220px;
    left:5px
}
.verticalBar{
    color:#fff;
}
</style>